<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<script src="jquery-1.10.1.min.js"></script>
	<script type="text/javascript">
/*	window.onload = function () {
		var oDiv = document.getElementById('div1');

		oDiv.onclick = function () {
			alert(this.innerHTML);
		}
	}
*/
	//JQuery  方法函数化
/*	$(function () {
		$('#div1').click(function(){
			alert( $(this).html() );
		})
	})
*/

	//JQ可以与JS共存，但是不能混用，这个与上面是一样的
	$(function () {
		$('#div1').click(function(){
			alert(this.innerHTML );
		})
	})

	//以下为混用的情况【是错误的】
/*	$(function () {
		$('#div1').click(function(){
			alert(this.html() );
		})
	})

	$(function () {
		$('#div1').click(function(){
			alert($(this).innerHTML );
		})
	})
*/
	</script>
</head>
<body>
	<div id="div1">111</div>
</body>
</html>